<nz-card>
    <div class="fullscreen" nz-row>
        <div [nzSpan]="8" class="outer-panel" nz-col>
            <div class="inner-panel">
                <sys-param-tree-select-panel
                    #sysParmaTree
                    (selectNode)="onSelectNode($event)"
                    [draggable]="true"
                ></sys-param-tree-select-panel>
            </div>
        </div>
        <div [nzSpan]="16" class="outer-panel" nz-col>
            <div class="inner-panel">

                <ng-container *ngIf="selectedNode?.type === 'root' || selectedNode?.type === 'DIR'">
                    <base-grid
                        #baseGrid
                        (dataReload)="onDataReload()"
                        [baseParam]="baseParam"
                        [columns]="columns"
                        [commitWrapper]="commitWrapper.bind(this)"
                        [keyField]="'paramId'"
                        [nameField]="'paramName'"
                        [name]="'系统参数'"
                        [popupWidth]="'600'"
                        [recordWrapper]="recordWrapper.bind(this)"
                        [schema]="schema"
                        [showSort]="true"
                        [showType]="'table'"
                        [usePage]="true"
                    >
                    </base-grid>
                </ng-container>
                <ng-container *ngIf="selectedNode && selectedNode?.type !== 'root' && selectedNode?.type !== 'DIR'">
                    <div class="detail">
                        <base-detail
                            (eventClose)="detailClose($event)"
                            [baseParam]="baseParam"
                            [commitWrapper]="commitWrapper.bind(this)"
                            [detailPanelType]="'modify'"
                            [name]="'系统参数'"
                            [recordWrapper]="recordWrapper.bind(this)"
                            [record]="selectedNode.data"
                            [schema]="schema"
                            [showButton]="true"
                            [usePopup]="false"
                        >
                        </base-detail>
                    </div>
                </ng-container>
            </div>
        </div>
    </div>
</nz-card>
